<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
	
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/cates.css"/>
		<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#"><img src="img/book.png" alt=""></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
		
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto bt">
							
							<li>图书商城管理系统</li>
						</ul>
		
						<ul class="navbar-nav navbar-light">
							<li class="nav-item"><button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" ><a href="personnal.html">个人中心</a></button>
							</li>
							<li class="nav-item">
								<button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#login">登录</button>
							</li>
		
							<li class="nav-item">
								<button class="btn btn-success" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#register">注册</button>
							</li>
						</ul>
		
					</div>
				</nav>
				
		<header class="userList">
			
		</header>
		
		<nav>
			<div class="innerBox">
				<ul id="nav-ul">
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="cates.html">名人励志</a></li>
					<li><a href="dianqi.html">经典名著</a></li>
					<li><a href="wenju.html">儿童绘本</a></li>
					
					
					<li><a href="valuation.html">估价咨询</a></li>
					</li>
				</ul>
			</div>
		</nav>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" style="width: 1200px; margin: 0 auto;" data-interval="1000">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="img/book1.png" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block">
        <h5>First slide label</h5>
        <p>Some representative placeholder content for the first slide.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="img/book3.png" class="d-block w-100" alt="..." style="height:433px;">
      <div class="carousel-caption d-none d-md-block">
        <h5>Second slide label</h5>
        <p>Some representative placeholder content for the second slide.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="img/book1.png" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block">
        <h5>Third slide label</h5>
        <p>Some representative placeholder content for the third slide.</p>
      </div>
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </button>
</div>
		<!--開始-->
		<div class="container">
			<div class="innerBox">
				<!--導航，輪播，下載-->
				<div class="content">
				

					<!--滑动轮播-->
					
					<!--滑动轮播-->
	<!--導航--><div id="">
					<div class="content-nav">
						<ul class="content-nav-ul">
							<li>小说
								<a>言情</a>
								<a>仙侠</a>
								<a>都市</a>
							</li>
							<li>数学
								<a>高等数学</a>
								<a>线性代数</a>
							</li>
							<li>外语
								<a>英语</a>
								<a>日语</a>
								<a>法语</a>
							</li>
							<li>名著
								<a>国内名著</a>
								<a>国外名著</a>
							</li>
							<li>IT
								<a>计算机</a>
								<a>软件开发</a>
								<a>网络工程</a>
							</li>
							<li>金融
								<a>管理</a>
								<a>电商</a>
							</li>
						</ul>
					</div>
					<!--導航-->
					
				</div>
				<!--導航，輪播，下載-->

				<!--商品列表-->
				<div class="panel">
					<div class=" panel-primary">
						<!--列表头-->
						<div class="panel-heading">大家都在看</div>
						<!--列表头-->

						<!--商品-->
						<div class="panel-body">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/人间值得.jpg" /></div>
										<p class="pro-Titile">人间值得</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/重生手记.jpg" /></div>
										<p class="pro-Titile">重生手记</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/时间从来不语.jpg" /></div>
										<p class="pro-Titile">时间从来不语</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/假如.jpg" /></div>
										<p class="pro-Titile">假如</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/小鳄鱼看牙医.jpg" /></div>
										<p class="pro-Titile">小鳄鱼看牙医</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-md-3 col-sm-6 productlist">
									<div class="thumbnail">
										<div class="product-img"><img src="img/一只奇怪的蛋.jpg" /></div>
										<p class="pro-Titile">一只奇怪的蛋</p>
										<p>￥2050.9</p>
										<a type="button" class="btn btn-block" href="commodityDetails.html">一键购买</a>
									</div>
								</div>
						
							
						</div>
						
						
						
							</div>
						</div>
						<!--商品-->
					</div>
				</div>
				<!--商品列表-->
			</div>
		</div>
		<!--結束-->
		
		<div class="row div_row_yxy" style="background:#d6d8d9;padding-top: 40px;padding-bottom: 40px;">
				<div class="col-12 text-center">
					<h3 class="display-8" style="color:red">图书商城管理系统</h3>
					<div class="a" style="color: #6c757d;">
					<span>关于我们</span><span class="copyright_split">|</span>
					<span>联系我们</span><span class="copyright_split">|</span>
					<span>联系客服</span><span class="copyright_split">|</span>
					<span>合作招商</span><span class="copyright_split">|</span>
					<span>商家帮助</span><span class="copyright_split">|</span>
					<span>营销中心</span>
					<p class="" style="margin-top: 15px">前置审批备案号: 川教GX-20120046</p>
					<p class="">Copyright © 2022 yxy All rights reserved</p>
					</div>
				</div>
		</div>
	<!--尾部结束-->
	<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title">用户注册</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">确认密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputConfirmPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">年龄</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputAge">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">性别</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputSex">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
	<!--注册结束-->
	
	<!--登录开始-->
	<div class="modal fade" id="login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title" >用户登录</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername_1">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword_2">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
	<!--注册开始-->
	
</body>
</html>